﻿<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    @*<title>@ViewBag.Title</title>*@
    <title>锁 客 宝</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    @*<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover">*@
    @*<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />*@
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    @*<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />*@
    <script src="~/GoTRI/js/jquery-3.2.1.min.js"></script>
    <!-- favicons -->
    <link rel="apple-touch-icon" href="~/GoTRI/img/favicon-apple.png">
    <link rel="icon" href="~/admui-13945148017-1592211513218/public/images/48599591f566cbb11c676bd496f2e29 (2).png">

    <!-- Bootstrap CSS -->
    <link href="~/GoTRI/vendor/bootstrap-4.1.3/css/bootstrap.min.css" rel="stylesheet" />

    <!-- Material design icons CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/materializeicon/material-icons.css">

    <!-- aniamte CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/animatecss/animate.css">

    <!-- swiper carousel CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/swiper/css/swiper.min.css">

    <!-- daterange CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/bootstrap-daterangepicker-master/daterangepicker.css">

    <!-- footable CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/footable-bootstrap/css/footable.bootstrap.min.css">

    <!-- Bootstra tour CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/bootstrap_tour/css/bootstrap-tour-standalone.css">


    <!-- jvector map CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/jquery-jvectormap/jquery-jvectormap-2.0.3.css">

    <!-- app CSS -->
    <link id="theme" rel="stylesheet" href="~/GoTRI/css/purplesidebar.css" type="text/css">
    <script>
        $(document).ready(function () {
            //$("#shou1").attr("hidden","");
            $("#shou2").attr("hidden", "");
            //$("#shou3").attr("hidden","");
            $("#shou4").attr("hidden", "");
            //$("#kehu1").attr("hidden","");
            $("#kehu2").attr('hidden', "");
            //$("#kehu3").attr("hidden","");
            $("#kehu4").attr("hidden", "");
            //$("#fangyuan1").attr("hidden", "");
            $("#fangyuan2").attr('hidden', "");
            //$("#fangyuan3").attr("hidden", "");
            $("#fangyuan4").attr("hidden", "");
            //$("#tongji1").attr("hidden", "");
            $("#tongji2").attr('hidden', "");
            //$("#tongji3").attr("hidden", "");
            $("#tongji4").attr("hidden", "");
            //$("#geren1").attr("hidden", "");
            $("#geren2").attr('hidden', "");
            //$("#geren3").attr("hidden", "");
            $("#geren4").attr("hidden", "");

            var object = document.getElementById('foot').getBoundingClientRect().top;
            //alert(object);
            var panduan = true;
            $(window).resize(function () {
                //alert(document.getElementById('foot').getBoundingClientRect().top);
                if (document.getElementById('foot').getBoundingClientRect().top != object) {

                    if (panduan) {
                        panduan = false
                        $("#foot").css("position", "static");
                    } else {
                        panduan = true;
                        $("#foot").css("position", "fixed");
                    }
                } else {
                    $("#foot").css("position", "fixed");
                }
            });
        });



    </script>
    <style type="text/css">
        .sidebar::-webkit-scrollbar-track {
            background: #00BFFF;
        }

        .sidebar::-webkit-scrollbar-thumb {
            background: #FFFFFF;
        }
    </style>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="~/GoTRI/vendor/bootstrap-4.1.3/css/bootstrap.min.css">
    <!-- my-customer CSS -->
    <link rel="stylesheet" href="~/GoTRI/css/tfk-index.css">
    <script src="~/GoTRI/js/popper.min.js"></script>
    <script src="~/GoTRI/vendor/bootstrap-4.1.3/js/bootstrap.min.js"></script>
</head>

<body class="fixed-header sidebar-right-close sidebar-left-close">
    <!-- page loader -->
    @*<div class="loader justify-content-center pink-gradient">
            <div class="align-self-center text-center">
                <div class="logo-img-loader">
                    <img src="img/loader-hole.png" alt="" class="logo-image">
                    <img src="img/loader-bg.png" alt="" class="logo-bg-image">
                </div>
                <h2 class="mt-3 font-weight-light">GoTRI<br><small>- M O B I L E -</small></h2>
                <p class="mt-2 text-white">Awesome things getting ready...</p>
            </div>
        </div>*@
    <header id="head" class="yi">
        <div class="title">
            <img src="~/GoTRI/img/topbg.png" />
            <div>
                <span style="color:#ffffff">锁 客 宝</span>
            </div>
        </div>
    </header>
    <!-- page loader ends  -->
    <div>
        <div id="nb" hidden="hidden" class="card mb-4" style="right: 0px; left: 0px; -webkit-animation: showSweetAlert .3s; animation: showSweetAlert .3s; margin: 11%; text-align: center; position: fixed; bottom: 40%; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; z-index: 1 ">
            <img style="margin-left: 20px; margin-right: 20px;height: 200px;" src="~/GoTRI/img/1889835.gif" />
        </div>
        <!-- main header -->
        <!-- main header ends -->
        <!-- sidebar left -->
        <div class="backdrop"></div>
        <!-- sidebar left ends -->
        <!-- sidebar right -->
        <div class="sidebar sidebar-right" style="display:none">
            <button type="button" class="btn close-sidebar"><i class="material-icons">settings</i></button>
            <div class="row mx-0 pt-2">
                <div class="col-12">
                    <p class="sidebar-color-primary page-sub-title-small">
                        <span class="icon-circle mr-2">
                            <i class="material-icons">settings</i>
                        </span>Visual Style Setting
                    </p>
                    <p class="sidebar-color-secondary">We provide wide range of color scheme to change from</p>
                    <div class="row">
                        <ul class="list-group border-top border-bottom list-group-flush w-100">
                            <li class="list-group-item">
                                <span class="vm">Boxed Layout</span>
                                <input type="checkbox" id="boxlayout" class="switch switch-sm">
                                <label for="boxlayout" class="pink-gradient float-right"></label>
                            </li>
                            <li class="list-group-item">
                                <span class="vm">Full Container</span>
                                <input type="checkbox" id="full-width2" class="switch switch-sm">
                                <label for="full-width2" class="pink-gradient float-right"></label>
                                <p class="sidebar-color-secondary mt-2 mb-0"><small>Container will be full width in big screen</small></p>
                            </li>
                            <li class="list-group-item">
                                <span class="vm">RTL</span>
                                <input type="checkbox" id="rtl" class="switch switch-sm">
                                <label for="rtl" class="pink-gradient float-right"></label>
                            </li>
                            <li class="list-group-item">
                                <span class="vm">Icon Sidebar</span>
                                <input type="checkbox" id="iconsibarbar" class="switch switch-sm">
                                <label for="iconsibarbar" class="pink-gradient float-right"></label>
                            </li>
                        </ul>
                    </div>
                    <p class="sidebar-color-primary page-sub-title-small mt-2"><span class="icon-circle mr-2"><i class="material-icons">palette</i></span>Select Color</p>
                    <div class="row">
                        <ul class="list-group list-group-flush w-100">
                            <li class="list-group-item">
                                <div class="theme-color">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio1" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label bg-white" for="customRadio1" data-title="style"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio2" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label dark-blue" for="customRadio2" data-title="dark-blue"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio3" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label dark-purple" for="customRadio3" data-title="dark-purple"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio4" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label dark-maroon" for="customRadio4" data-title="dark-maroon"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio5" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label dark-grey" for="customRadio5" data-title="dark-grey"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio6" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label dark-pink" for="customRadio6" data-title="dark-pink"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio7" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label dark-brown" for="customRadio7" data-title="dark-brown"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio8" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label dark-green" for="customRadio8" data-title="dark-green"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio1mat" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label red" for="customRadio1mat" data-title="red"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio2mat" name="style-sheet-color" class="custom-control-input" checked="">
                                        <label class="custom-control-label purple" for="customRadio2mat" data-title="purple"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio4mat" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label blue" for="customRadio4mat" data-title="blue"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio6mat" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label skyblue" for="customRadio6mat" data-title="skyblue"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio5mat" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label teal" for="customRadio5mat" data-title="teal"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio7mat" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label orange" for="customRadio7mat" data-title="orange"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio3mat" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label brown" for="customRadio3mat" data-title="brown"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio8mat" name="style-sheet-color" class="custom-control-input">
                                        <label class="custom-control-label grey" for="customRadio8mat" data-title="grey"></label>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="row">
                        <ul class="list-group border-top border-bottom list-group-flush w-100">
                            <li class="list-group-item">
                                <span class="vm">Sidebar Colored</span>
                                <input type="checkbox" id="sidebarfill" class="switch switch-sm" checked="">
                                <label for="sidebarfill" class="pink-gradient float-right"></label>
                            </li>
                            <li class="list-group-item">
                                <span class="vm">Header Colored</span>
                                <input type="checkbox" id="headerfill" class="switch switch-sm">
                                <label for="headerfill" class="pink-gradient float-right"></label>
                            </li>
                            <li class="list-group-item">
                                <span class="vm">Full Colored</span>
                                <input type="checkbox" id="fullcolorfill" class="switch switch-sm">
                                <label for="fullcolorfill" class="pink-gradient float-right"></label>
                            </li>
                        </ul>
                    </div>
                    <p class="sidebar-color-primary page-sub-title-small mt-2"><span class="icon-circle mr-2"><i class="material-icons">photo_library</i></span> Background Image</p>
                    <div class="row">
                        <ul class="list-group list-group-flush w-100">
                            <li class="list-group-item">
                                <div class="sidebar-image">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio12img" name="background-image-sidebar" class="custom-control-input" checked="">
                                        <label class="custom-control-label " for="customRadio12img" data-title="none"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio22img" name="background-image-sidebar" class="custom-control-input">
                                        <label class="custom-control-label " for="customRadio22img" data-title="~/GoTRI/img/sidebar-1.png">
                                            <img src="~/GoTRI/img/sidebar-11.png" alt="" class="w-100">
                                        </label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio32img" name="background-image-sidebar" class="custom-control-input">
                                        <label class="custom-control-label " for="customRadio32img" data-title="~/GoTRI/img/sidebar-2.png">
                                            <img src="~/GoTRI/img/sidebar-12.png" alt="" class="w-100">
                                        </label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio43img" name="background-image-sidebar" class="custom-control-input">
                                        <label class="custom-control-label " for="customRadio43img" data-title="~/GoTRI/img/sidebar-3.png">
                                            <img src="~/GoTRI/img/sidebar-13.png" alt="" class="w-100">
                                        </label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio52img" name="background-image-sidebar" class="custom-control-input">
                                        <label class="custom-control-label " for="customRadio52img" data-title="~/GoTRI/img/sidebar-4.png">
                                            <img src="~/GoTRI/img/sidebar-14.png" alt="" class="w-100">
                                        </label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio63img" name="background-image-sidebar" class="custom-control-input">
                                        <label class="custom-control-label " for="customRadio63img" data-title="~/GoTRI/img/sidebar-5.png">
                                            <img src="~/GoTRI/img/sidebar-15.png" alt="" class="w-100">
                                        </label>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <p class="sidebar-color-primary page-sub-title-small "><span class="icon-circle mr-2"><i class="material-icons">gradient</i></span> Sidebar Texture</p>
                    <div class="row">
                        <ul class="list-group list-group-flush w-100 mb-4">
                            <li class="list-group-item">
                                <div class="sidebar-image">
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio14img" name="background-image-sidebar" class="custom-control-input bg-repeat">
                                        <label class="custom-control-label " for="customRadio14img" data-title="none"></label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio24img" name="background-image-sidebar" class="custom-control-input bg-repeat">
                                        <label class="custom-control-label " for="customRadio24img" data-title="~/GoTRI/img/sidebar-texture1.png">
                                            <img src="~/GoTRI/img/pattern-1.png" alt="" class="w-100">
                                        </label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio34img" name="background-image-sidebar" class="custom-control-input bg-repeat">
                                        <label class="custom-control-label " for="customRadio34img" data-title="~/GoTRI/img/sidebar-texture2.png">
                                            <img src="~/GoTRI/img/pattern-2.png" alt="" class="w-100">
                                        </label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio44img" name="background-image-sidebar" class="custom-control-input bg-repeat">
                                        <label class="custom-control-label " for="customRadio44img" data-title="~/GoTRI/img/sidebar-texture3.png">
                                            <img src="~/GoTRI/img/pattern-3.png" alt="" class="w-100">
                                        </label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio54img" name="background-image-sidebar" class="custom-control-input bg-repeat">
                                        <label class="custom-control-label " for="customRadio54img" data-title="~/GoTRI/img/sidebar-texture4.png">
                                            <img src="~/GoTRI/img/pattern-4.png" alt="" class="w-100">
                                        </label>
                                    </div>
                                    <div class="custom-control custom-radio">
                                        <input type="radio" id="customRadio64img" name="background-image-sidebar" class="custom-control-input bg-repeat">
                                        <label class="custom-control-label " for="customRadio64img" data-title="~/GoTRI/img/sidebar-texture5.png">
                                            <img src="~/GoTRI/img/pattern-5.png" alt="" class="w-100">
                                        </label>
                                    </div>
                                    <div class="clearfix"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="settings-sidebar close-settings-sidebar-backdrop" style="display:none">
            <button type="button" class="btn close-setting-sidebar pink-gradient"><i class="material-icons">keyboard_arrow_left</i></button>
            <ul class="nav nav-tabs row no-gutters pink-gradient" role="tablist">
                <li class="nav-item text-center col">
                    <a class="nav-link active" id="tabhome1settings-tab" data-toggle="tab" href="#tabhome1settings" role="tab" aria-controls="tabhome1settings" aria-selected="true">
                        <h5 class="content-color-primary mb-0"><i class="material-icons">chat</i></h5>
                        <p class="content-color-secondary mb-0 small">Chat</p>
                    </a>
                </li>
                <li class="nav-item text-center col">
                    <a class="nav-link" id="tabhome2settings-tab" data-toggle="tab" href="#tabhome2settings" role="tab" aria-controls="tabhome2settings" aria-selected="false">
                        <h5 class="content-color-primary mb-0"><i class="material-icons">settings</i></h5>
                        <p class="content-color-secondary mb-0 small">Settings</p>
                    </a>
                </li>
                <li class="nav-item text-center col">
                    <a class="nav-link" id="tabhome3settings-tab" data-toggle="tab" href="#tabhome3settings" role="tab" aria-controls="tabhome3settings" aria-selected="false">
                        <h5 class="content-color-primary mb-0"><i class="material-icons">notifications</i></h5>
                        <p class="content-color-secondary mb-0 small">Updates</p>
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tabhome1settings" role="tabpanel" aria-labelledby="tabhome1settings-tab">
                    <ul class="list-group list-group-flush" id="chat-list">
                        <li class="list-group-item new">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user1.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">John Doe <small class="float-right content-color-secondary">7:05 am</small></h6>
                                    <p>Hi</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item new">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user2.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">Alizee TaCkor<small class="float-right content-color-secondary">8:05 am</small></h6>
                                    <p>GoTRIis best of everyone else</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item new">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user3.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">Denial Torry<small class="float-right content-color-secondary">10:05 am</small></h6>
                                    <p>How are you?</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user1.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">John Doe <small class="float-right content-color-secondary">7:05 am</small></h6>
                                    <p>Hi</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user2.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">Alizee TaCkor<small class="float-right content-color-secondary">8:05 am</small></h6>
                                    <p>GoTRIis best of everyone else</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user3.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">Denial Torry<small class="float-right content-color-secondary">10:05 am</small></h6>
                                    <p>How are you?</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user1.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">John Doe <small class="float-right content-color-secondary">7:05 am</small></h6>
                                    <p>Hi</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user2.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">Alizee TaCkor<small class="float-right content-color-secondary">8:05 am</small></h6>
                                    <p>GoTRIis best of everyone else</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user3.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">Denial Torry<small class="float-right content-color-secondary">10:05 am</small></h6>
                                    <p>How are you?</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user1.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">John Doe <small class="float-right content-color-secondary">7:05 am</small></h6>
                                    <p>Hi</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user2.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">Alizee TaCkor<small class="float-right content-color-secondary">8:05 am</small></h6>
                                    <p>GoTRIis best of everyone else</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user3.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">Denial Torry<small class="float-right content-color-secondary">10:05 am</small></h6>
                                    <p>How are you?</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user1.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">John Doe <small class="float-right content-color-secondary">7:05 am</small></h6>
                                    <p>Hi</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user2.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">Alizee TaCkor<small class="float-right content-color-secondary">8:05 am</small></h6>
                                    <p>GoTRIis best of everyone else</p>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="media">
                                <figure class="avatar avatar-40 mr-3">
                                    <img src="~/GoTRI/img/user3.png" alt="Generic placeholder image">
                                </figure>
                                <div class="media-body">
                                    <h6 class="my-0">Denial Torry<small class="float-right content-color-secondary">10:05 am</small></h6>
                                    <p>How are you?</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane fade" id="tabhome2settings" role="tabpanel" aria-labelledby="tabhome2settings-tab">
                    <div class="row mx-0">
                        <div class="col-12">
                            <div class="alert alert-success alert-dismissible  mt-2 p-2" role="alert" id="settingalert">
                                <strong>Congratulation!</strong>
                                <br>Your setting has been reflected.
                                <button type="button" class="close btn-sm" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="row mx-0 mt-2">
                        <div class="col-12">
                            <p class="page-sub-title-small">
                                <span class="icon-circle mr-2">
                                    <i class="material-icons">settings</i>
                                </span>Application Settings
                            </p>
                        </div>
                    </div>
                    <ul class="list-group  list-group-flush w-100">
                        <li class="list-group-item">
                            <label class="d-inline-block mr-2">Hide Backdrop</label>
                            <input type="checkbox" id="hidebackdrop" class="switch switch-sm">
                            <label for="hidebackdrop" class="pink-gradient float-right"></label>
                        </li>
                    </ul>
                    <div class="row mx-0 mt-2">
                        <div class="col-12">
                            <p class="page-sub-title-small">
                                <span class="icon-circle mr-2">
                                    <i class="material-icons">mail</i>
                                </span>Email Settings
                            </p>
                        </div>
                    </div>
                    <ul class="list-group list-group-flush w-100">
                        <li class="list-group-item">
                            <label class="d-inline-block mr-2">Receive Updates</label>
                            <input type="checkbox" id="dead1" class="switch switch-sm" checked="">
                            <label for="dead1" class="pink-gradient float-right"></label>
                        </li>
                        <li class="list-group-item">
                            <label class="d-inline-block mr-2">Receive Notification</label>
                            <input type="checkbox" id="dead2" class="switch switch-sm" checked="">
                            <label for="dead2" class="pink-gradient float-right"></label>
                        </li>
                        <li class="list-group-item">
                            <label class="d-inline-block mr-2">Receive Alerts</label>
                            <input type="checkbox" id="dead3" class="switch switch-sm">
                            <label for="dead3" class="pink-gradient float-right"></label>
                        </li>
                    </ul>
                    <div class="row mx-0 mt-2">
                        <div class="col-12">
                            <p class="page-sub-title-small">
                                <span class="icon-circle mr-2">
                                    <i class="material-icons">person</i>
                                </span>User Settings
                            </p>
                        </div>
                    </div>
                    <ul class="list-group list-group-flush w-100">
                        <li class="list-group-item">

                            <label class="d-inline-block mr-2">Connection List</label>
                            <input type="checkbox" id="dead11" class="switch switch-sm">
                            <label for="dead11" class="pink-gradient float-right"></label>
                            <hr class="mt-2">
                            <p class="content-color-secondary small mb-2">Your friends or connection can see your connection list if you allow this setting.</p>
                        </li>
                        <li class="list-group-item">
                            <label class="d-inline-block mr-2">Comments</label>
                            <input type="checkbox" id="dead21" class="switch switch-sm" checked="">
                            <label for="dead21" class="pink-gradient float-right"></label>
                            <hr class="mt-2">
                            <p class="content-color-secondary small mb-2">Your friends or connection can able to comment on your profile and post you have posted or shared if you allow this setting.</p>
                        </li>
                        <li class="list-group-item">
                            <label class="d-inline-block mr-2">Share</label>
                            <input type="checkbox" id="dead31" class="switch switch-sm" checked="">
                            <label for="dead31" class="pink-gradient float-right"></label>
                            <hr class="mt-2">
                            <p class="content-color-secondary small mb-2">Your friends or connection can able to share your post you have posted and written by you only if you allow this setting.</p>
                        </li>
                    </ul>
                </div>
                <div class="tab-pane fade " id="tabhome3settings" role="tabpanel" aria-labelledby="tabhome3settings-tab">
                    <div class="row mx-0 mt-0 bg-light">
                        <div class="col-12">
                            <div class="card my-3">
                                <div class="card-body">
                                    <div class="media">
                                        <div class="icon-circle icon-50 bg-light-primary mr-3">
                                            <i class="material-icons">track_changes</i>
                                        </div>
                                        <div class="media-body">
                                            <h4 class="content-color-primary mb-0">Good Job!</h4>
                                            <p class="content-color-secondary mb-3">System running perfectly.</p>
                                        </div>
                                    </div>
                                    <div class="progress progress-small">
                                        <div class="progress-bar bg-primary col-6" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                            <p class="page-sub-title-small">
                                <span class="icon-circle mr-2">
                                    <i class="material-icons">av_timer</i>
                                </span>Application Settings
                            </p>
                        </div>
                    </div>
                    <ul class="list-group list-group-flush w-100 log-information mt-2">
                        <li class="list-group-item">
                            <div class="avatar avatar-15 border-danger"></div>
                            <p class="content-color-primary">
                                System updated
                                <br><small class="content-color-secondary">2:02 am</small>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span class="avatar avatar-15 border-warning"></span>
                            <p class="content-color-primary">
                                New account Created
                                <br><small class="content-color-secondary">5:02 pm</small>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span class="avatar avatar-15 border-success"></span>
                            <p class="content-color-primary">
                                Shutdown 2 hours
                                <br><small class="content-color-secondary">Yesterday | 2:02 pm</small>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span class="avatar avatar-15 border-primary"></span>
                            <p class="content-color-primary">
                                System updated
                                <br><small class="content-color-secondary">Yesterday | 1:32 pm</small>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span class="avatar avatar-15 border-dark"></span>
                            <p class="content-color-primary">
                                icro changes done!
                                <br><small class="content-color-secondary">14 October 2018 | 2:02 am</small>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span class="avatar avatar-15 border-secondary"></span>
                            <p class="content-color-primary">
                                icro changes done!
                                <br><small class="content-color-secondary">14 October 2018 | 2:02 am</small>
                            </p>
                        </li>
                    </ul>
                    <br>
                    <div class="row mx-0 mt-2 bg-light">
                        <div class="col-12">
                            <p class="page-sub-title-small">
                                <span class="icon-circle mr-2">
                                    <i class="material-icons">av_timer</i>
                                </span>Application Settings
                            </p>
                        </div>
                    </div>
                    <ul class="list-group list-group-flush w-100 log-information bubble-sheet mt-2">
                        <li class="list-group-item">
                            <div class="avatar avatar-15 border-danger"></div>
                            <p class="content-color-primary">
                                System updated
                                <br><small class="content-color-secondary">2:02 am</small>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span class="avatar avatar-15 border-warning"></span>
                            <p class="content-color-primary">
                                New account Created
                                <br><small class="content-color-secondary">5:02 pm</small>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span class="avatar avatar-15 border-success"></span>
                            <p class="content-color-primary">
                                Shutdown 2 hours
                                <br><small class="content-color-secondary">Yesterday | 2:02 pm</small>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span class="avatar avatar-15 border-primary"></span>
                            <p class="content-color-primary">
                                System updated
                                <br><small class="content-color-secondary">Yesterday | 1:32 pm</small>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span class="avatar avatar-15 border-dark"></span>
                            <p class="content-color-primary">
                                icro changes done!
                                <br><small class="content-color-secondary">14 October 2018 | 2:02 am</small>
                            </p>
                        </li>
                        <li class="list-group-item">
                            <span class="avatar avatar-15 border-secondary"></span>
                            <p class="content-color-primary">
                                icro changes done!
                                <br><small class="content-color-secondary">14 October 2018 | 2:02 am</small>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- setting sidebar ends -->
        <!-- content page title -->
        <!-- content page title ends -->
        <!-- content page -->
        @*没用 js文件里查找的Id属性*@<canvas id="mixedchartjs" style="display:none"></canvas><canvas id="barcharts" style="display:none"></canvas><canvas id="piecharts" style="display:none"></canvas><canvas class="" id="linechartarea" style="display:none"></canvas>
        @*<div style="height:1000px">*@
        @RenderBody()
        @*</div>*@
        <!-- content page ends -->
        @*style="letter-spacing: -77px"*@
    </div>
    <footer id="foot" style="">
        <ul id="bian" class="gai" style="padding-top:0px;">
            <li style="height: 0%;width:23%;">
                <div>
                    <img id="shou1" onclick='$("#nb").removeAttr("hidden", "");window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=ww500458ad942a211f&redirect_uri=http://web.xyufu.cn/PhoneShouYe/ShouYe&response_type=code&scope=snsapi_privateinfo&agentid=1000002&state=STATE#wechat_redirect"' style="width:100%;height:100%;" src="~/GoTRI/img/首页未选中.png">
                    <img id="shou2" onclick='$("#nb").removeAttr("hidden", "");window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=ww500458ad942a211f&redirect_uri=http://web.xyufu.cn/PhoneShouYe/ShouYe&response_type=code&scope=snsapi_privateinfo&agentid=1000002&state=STATE#wechat_redirect"' hidden style="width:100%;height:100%;" src="~/GoTRI/img/index1.png">
                </div>
                <span id="shou3" onclick='$("#nb").removeAttr("hidden", "");window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=ww500458ad942a211f&redirect_uri=http://web.xyufu.cn/PhoneShouYe/ShouYe&response_type=code&scope=snsapi_privateinfo&agentid=1000002&state=STATE#wechat_redirect"' style="font-size:80%;color:#888888;"><b>首页</b></span>
                <span id="shou4" onclick='$("#nb").removeAttr("hidden", "");window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=ww500458ad942a211f&redirect_uri=http://web.xyufu.cn/PhoneShouYe/ShouYe&response_type=code&scope=snsapi_privateinfo&agentid=1000002&state=STATE#wechat_redirect"' hidden style="font-size:80%;color:rgb(232,171,82);"><b>首页</b></span>
            </li>
            <li style="height: 0%;width:23%;">
                <div>
                    <img id="fangyuan1" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneFangYuan/FangYuanList"' style="width:100%;height:100%;" src="~/GoTRI/img/房源未选中.png">
                    <img id="fangyuan2" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneFangYuan/FangYuanList"' hidden style="width:100%;height:100%;" src="~/GoTRI/img/house1.png">
                </div>
                <span id="fangyuan3" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneFangYuan/FangYuanList"' style="font-size:80%;color:#888888;"><b>房源</b></span>
                <span id="fangyuan4" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneFangYuan/FangYuanList"' hidden style="font-size:80%;color:rgb(232,171,82);"><b>房源</b></span>
            </li>
            <li style="height: 0%;width:23%;">
                <div>
                    <img id="tongji1" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneTongJi/TongJi"' style="width:100%;height:100%;" src="~/GoTRI/img/统计未选中.png">
                    <img id="tongji2" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneTongJi/TongJi"' hidden style="width:100%;height:100%;" src="~/GoTRI/img/statistics1.png">
                </div>
                <span id="tongji3" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneTongJi/TongJi"' style="font-size:80%;color:#888888;"><b>统计</b></span>
                <span id="tongji4" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneTongJi/TongJi"' hidden style="font-size:80%;color:rgb(232,171,82);"><b>统计</b></span>
            </li>
            <li style="height: 0%;width:23%;">
                <div>
                    <img id="geren1" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneGeRen/GeRenXinXi"' style="width:100%;height:100%;" src="~/GoTRI/img/个人未选中.png">
                    <img id="geren2" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneGeRen/GeRenXinXi"' hidden style="width:100%;height:100%;" src="~/GoTRI/img/main1.png">
                </div>
                <span id="geren3" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneGeRen/GeRenXinXi"' style="font-size:80%;color:#888888;"><b>个人</b></span>
                <span id="geren4" onclick='$("#nb").removeAttr("hidden", "");window.location.href="../PhoneGeRen/GeRenXinXi"' hidden style="font-size:80%;color:rgb(232,171,82);"><b>个人</b></span>
            </li>
        </ul>
    </footer>
    <!-- modal for create form ends-->
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->

    <script src="~/GoTRI/js/popper.min.js"></script>
    <script src="~/GoTRI/vendor/bootstrap-4.1.3/js/bootstrap.min.js"></script>
    <!-- Cookie jquery file -->
    <script src="~/GoTRI/vendor/cookie/jquery.cookie.js"></script>

    <!-- sparklines chart jquery file -->
    @*<script src="~/GoTRI/vendor/sparklines/jquery.sparkline.min.js"></script>*@


    <!-- Circular progress gauge jquery file -->
    <script src="~/GoTRI/vendor/circle-progress/circle-progress.min.js"></script>



    <!-- Swiper carousel jquery file -->
    @*<script src="~/GoTRI/vendor/swiper/js/swiper.min.js"></script>*@

    <!-- Chart js jquery file -->
    <script src="~/GoTRI/vendor/chartjs/Chart.bundle.min.js"></script>
    <script src="~/GoTRI/vendor/chartjs/utils.js"></script>

    <!-- Footable jquery file -->
    <script src="~/GoTRI/vendor/footable-bootstrap/js/footable.min.js"></script>

    <!-- datepicker jquery file -->
    <script src="~/GoTRI/vendor/bootstrap-daterangepicker-master/moment.js"></script>
    <script src="~/GoTRI/vendor/bootstrap-daterangepicker-master/daterangepicker.js"></script>

    <!-- jVector map jquery file -->
    <script src="~/GoTRI/vendor/jquery-jvectormap/jquery-jvectormap.js"></script>
    <script src="~/GoTRI/vendor/jquery-jvectormap/jquery-jvectormap-world-mill-en.js"></script>

    <!-- Bootstrap tour jquery file -->
    <script src="~/GoTRI/vendor/bootstrap_tour/js/bootstrap-tour-standalone.min.js"></script>

    <!-- jquery toast message file -->
    @*<script src="~/GoTRI/vendor/jquery-toast-plugin-master/dist/jquery.toast.min.js"></script>*@
    <!-- Application main common jquery file -->
    <script src="~/GoTRI/js/main.js"></script>
    <script src="~/GoTRI/js/dashboard.js"></script>
    <!-- page specific script -->
    <!-- page specific script -->
</body>
</html>
